---
layout: typedoc
title: 'Insight | @msrvida/sanddance-explorer'
---
<header>
<div class="tsd-page-title">
	<div class="typedoc-container">
		<ul class="tsd-breadcrumb">
			<li>
				<a href="../modules.html">@msrvida/sanddance-explorer</a>
			</li>
			<li>
				<a href="../modules/sanddance.html">SandDance</a>
			</li>
			<li>
				<a href="../modules/sanddance.specs.html">specs</a>
			</li>
			<li>
				<a href="sanddance.specs.insight.html">Insight</a>
			</li>
		</ul>
		<h1>Interface Insight</h1>
	</div>
</div>
</header>
<div class="container container-main">
<div class="row">
	<div class="col-8 col-content">
		<section class="tsd-panel tsd-comment">
			<div class="tsd-comment tsd-typography">
				<div class="lead">
					<p>Options to designate a SandDance visualization.</p>
				</div>
			</div>
		</section>
		<section class="tsd-panel tsd-hierarchy">
			<h3>Hierarchy</h3>
			<ul class="tsd-hierarchy">
				<li>
					<span class="target">Insight</span>
					<ul class="tsd-hierarchy">
						<li>
							<a href="historicinsight.html" class="tsd-signature-type" data-tsd-kind="Interface">HistoricInsight</a>
						</li>
					</ul>
				</li>
			</ul>
		</section>
		<section class="tsd-panel-group tsd-index-group">
			<h2>Index</h2>
			<section class="tsd-panel tsd-index-panel">
				<div class="tsd-index-content">
					<section class="tsd-index-section ">
						<h3>Properties</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.insight.html#chart" class="tsd-kind-icon">chart</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.insight.html#colorbin" class="tsd-kind-icon">color<wbr>Bin</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.insight.html#columns" class="tsd-kind-icon">columns</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.insight.html#directcolor" class="tsd-kind-icon">direct<wbr>Color</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.insight.html#facetstyle" class="tsd-kind-icon">facet<wbr>Style</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.insight.html#filter" class="tsd-kind-icon">filter</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.insight.html#hideaxes" class="tsd-kind-icon">hide<wbr>Axes</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.insight.html#hidelegend" class="tsd-kind-icon">hide<wbr>Legend</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.insight.html#scheme" class="tsd-kind-icon">scheme</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.insight.html#signalvalues" class="tsd-kind-icon">signal<wbr>Values</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.insight.html#size" class="tsd-kind-icon">size</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.insight.html#totalstyle" class="tsd-kind-icon">total<wbr>Style</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.insight.html#transform" class="tsd-kind-icon">transform</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.specs.insight.html#view" class="tsd-kind-icon">view</a></li>
						</ul>
					</section>
				</div>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Properties</h2>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="chart" class="tsd-anchor"></a>
				<h3>chart</h3>
				<div class="tsd-signature tsd-kind-icon">chart<span class="tsd-signature-symbol">:</span> <a href="../modules/sanddance.specs.html#chart" class="tsd-signature-type" data-tsd-kind="Type alias">Chart</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:38</li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="colorbin" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> color<wbr>Bin</h3>
				<div class="tsd-signature tsd-kind-icon">color<wbr>Bin<span class="tsd-signature-symbol">:</span> <a href="../modules/sanddance.specs.html#colorbin" class="tsd-signature-type" data-tsd-kind="Type alias">ColorBin</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:48</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Type of color binning to use on color scale. Only applicable when the column in the color role is quantitative.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="columns" class="tsd-anchor"></a>
				<h3>columns</h3>
				<div class="tsd-signature tsd-kind-icon">columns<span class="tsd-signature-symbol">:</span> <a href="sanddance.specs.insightcolumns.html" class="tsd-signature-type" data-tsd-kind="Interface">InsightColumns</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:40</li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="directcolor" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> direct<wbr>Color</h3>
				<div class="tsd-signature tsd-kind-icon">direct<wbr>Color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:68</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional flag to use CSS colors directly from data.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="facetstyle" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> facet<wbr>Style</h3>
				<div class="tsd-signature tsd-kind-icon">facet<wbr>Style<span class="tsd-signature-symbol">:</span> <a href="../modules/sanddance.specs.html#facetstyle" class="tsd-signature-type" data-tsd-kind="Type alias">FacetStyle</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:43</li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="filter" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> filter</h3>
				<div class="tsd-signature tsd-kind-icon">filter<span class="tsd-signature-symbol">:</span> <a href="../modules/sanddance.searchexpression.html#search" class="tsd-signature-type" data-tsd-kind="Type alias">Search</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:42</li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="hideaxes" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> hide<wbr>Axes</h3>
				<div class="tsd-signature tsd-kind-icon">hide<wbr>Axes<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:60</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional flag to hide axes.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="hidelegend" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> hide<wbr>Legend</h3>
				<div class="tsd-signature tsd-kind-icon">hide<wbr>Legend<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:64</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional flag to hide legend.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="scheme" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> scheme</h3>
				<div class="tsd-signature tsd-kind-icon">scheme<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:52</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Name of the color scheme. See <a href="https://vega.github.io/vega/docs/schemes/">https://vega.github.io/vega/docs/schemes/</a></p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="signalvalues" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> signal<wbr>Values</h3>
				<div class="tsd-signature tsd-kind-icon">signal<wbr>Values<span class="tsd-signature-symbol">:</span> <a href="sanddance.specs.signalvalues.html" class="tsd-signature-type" data-tsd-kind="Interface">SignalValues</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:56</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Vega signal values for this insight.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="size" class="tsd-anchor"></a>
				<h3>size</h3>
				<div class="tsd-signature tsd-kind-icon">size<span class="tsd-signature-symbol">:</span> <a href="sanddance.specs.size.html" class="tsd-signature-type" data-tsd-kind="Interface">Size</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:39</li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="totalstyle" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> total<wbr>Style</h3>
				<div class="tsd-signature tsd-kind-icon">total<wbr>Style<span class="tsd-signature-symbol">:</span> <a href="../modules/sanddance.specs.html#totalstyle" class="tsd-signature-type" data-tsd-kind="Type alias">TotalStyle</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:44</li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="transform" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> transform</h3>
				<div class="tsd-signature tsd-kind-icon">transform<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Transforms</span><span class="tsd-signature-symbol">[]</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:72</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional array of Vega transforms to apply to the data.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="view" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> view</h3>
				<div class="tsd-signature tsd-kind-icon">view<span class="tsd-signature-symbol">:</span> <a href="../modules/sanddance.types.html#view" class="tsd-signature-type" data-tsd-kind="Type alias">View</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:41</li>
					</ul>
				</aside>
			</section>
		</section>
	</div>
	<div class="col-4 col-menu menu-highlight">
		<nav class="tsd-navigation primary">
			<ul>
				<li class=" ">
					<a href="../modules.html">Exports</a>
				</li>
				<li class="current tsd-kind-namespace">
					<a href="../modules/sanddance.html">Sand<wbr>Dance</a>
					<ul>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.vegadeckgl.html">Vega<wbr>Deck<wbr>Gl</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.constants.html">constants</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.searchexpression.html">search<wbr>Expression</a>
						</li>
						<li class="current tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.specs.html">specs</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.types.html">types</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.util.html">util</a>
						</li>
					</ul>
				</li>
				<li class=" tsd-kind-namespace">
					<a href="../modules/controls.html">controls</a>
				</li>
				<li class=" tsd-kind-namespace">
					<a href="../modules/util.html">util</a>
				</li>
			</ul>
		</nav>
		<nav class="tsd-navigation secondary">
			<ul class="before-current">
			</ul>
			<ul class="current">
				<li class="current tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.specs.insight.html" class="tsd-kind-icon">Insight</a>
					<ul>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.insight.html#chart" class="tsd-kind-icon">chart</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.insight.html#colorbin" class="tsd-kind-icon">color<wbr>Bin</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.insight.html#columns" class="tsd-kind-icon">columns</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.insight.html#directcolor" class="tsd-kind-icon">direct<wbr>Color</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.insight.html#facetstyle" class="tsd-kind-icon">facet<wbr>Style</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.insight.html#filter" class="tsd-kind-icon">filter</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.insight.html#hideaxes" class="tsd-kind-icon">hide<wbr>Axes</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.insight.html#hidelegend" class="tsd-kind-icon">hide<wbr>Legend</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.insight.html#scheme" class="tsd-kind-icon">scheme</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.insight.html#signalvalues" class="tsd-kind-icon">signal<wbr>Values</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.insight.html#size" class="tsd-kind-icon">size</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.insight.html#totalstyle" class="tsd-kind-icon">total<wbr>Style</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.insight.html#transform" class="tsd-kind-icon">transform</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.specs.insight.html#view" class="tsd-kind-icon">view</a>
						</li>
					</ul>
				</li>
			</ul>
			<ul class="after-current">
			</ul>
		</nav>
	</div>
</div>
</div>
<div class="overlay"></div>